@charset "utf-8";

/*=========== public CSS ===========*/

*,::before,::after{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;} 

body{ font-family:"Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 26px; margin:0 auto; overflow-x: hidden; background-color:#FFF;    min-width: 1024px;}

input,select,textarea,button{ outline:none;} /*去掉默认蓝边框*/

input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} /*清除ios默认圆角*/

input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline:none;}

textarea { resize :none; outline:none; border: none;} /*去掉提交框右下角箭头*/

table{ border-collapse: separate;} /*边线重叠*/

fieldset,img{ max-width: 100%; border:0 none; vertical-align:middle;}

ul,li{list-style:none;}

em,i{ font-style: normal;}

a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}

a:hover, a:active, a:link, a:visited{ text-decoration:none;}

.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}

.clearfix{ zoom:1;}

.fl{ float: left;}

.fr{ float: right;}

.box{ max-width: 1200px; margin: 0 auto;width: 98%;}

.cl{ clear:both;}



.head{ position: relative; z-index: 20; width: 100%; height: 100px; line-height: 100px; background-color: #1E254F; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.5); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.5); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.5);}

.logo{ float: left; width: 460px; height: 100px; text-align: right; background: url(../images/logo-bg.png) no-repeat left center;}

.logo a{ display: inline-block; margin-right: 15px;}

.top-tel{ position: relative; float: right; width: 220px; height: 100px; margin: 0 80px 0 20px; box-sizing: initial;}

.top-tel:before{ content: ''; display: block; position: absolute; left: -80px; top: 50%; width: 50px; height: 2px; margin-top: -1px; background-color: #4b506E;}

.top-tel:after{ content: ''; display: block; position: absolute; right: -80px; top: 50%; width: 50px; height: 2px; margin-top: -1px; background-color: #4b506E;}

.top-tel p{ color: #7896DE; font-size: 16px; line-height: 24px; letter-spacing: -0.2px; margin-top: 24px; padding-left: 50px; background: url(../images/head-tel.png) no-repeat left center;}

.top-tel p span{ display: inline-block; font-size: 20px; letter-spacing: 0; margin-top: 4px;}

.nav{ float: left; width: -webkit-calc(100% - 780px); width:-moz-calc(100% - 780px);}

.nav li{ position: relative; float: left; width:13%; text-align: center; font-size: 18px;height:100px;}

.nav li a{ display: block; color: #FFF; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}

.nav li a.nav-font{ display:block; height:0; overflow:hidden; color: #FFF; font-size:16px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}

.nav li.select a.nav-font, .nav li:hover a.nav-font{ height:26px; line-height: 1; margin-top: 20px; padding: 0;}

.nav li.select a, .nav li:hover a{line-height: 20px; padding: 6px 0 24px;font-weight: bold;}

.nav li:after{ content: ''; display: block; position: absolute; bottom: -24px; left: 50%; width: 2px; height: 0; background: #efbd45; opacity: 0; filter: alpha(opacity=0);}

.nav li.select:after, .nav li:hover:after{ opacity: 1; filter: alpha(opacity=100); height: 40px;}



.r-fixed{ position: fixed; right:20px; top: 240px; width: 100px; z-index: 999;}

.r-fixed img{ display: block; margin: 0 auto;}

.r-fixed .fixed-ser{ position: relative; height: 60px; width: 100%; margin-bottom: 15px; border: 1px solid #1E254F; border-radius: 6px; background-color: #FFF; box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); }

.r-fixed .fixed-ser img{ margin-top: -22px;}

.r-fixed .fixed-link{ position: relative; width: 100%; padding-top: 22px; border: 1px solid #1E254F; border-radius: 6px; background-color: #FFF; box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6);}

.fixed-link::before{ content: ''; display: block; position: absolute; left: 10px; top: -15px; width: 10px; height: 35px; background: url(../images/r-line.png) no-repeat center;}

.fixed-link::after{ content: ''; display: block; position: absolute; right: 10px; top: -15px; width: 10px; height: 35px; background: url(../images/r-line.png) no-repeat center;}

.fixed-link li{ text-align: center; padding: 12px 0; cursor: pointer;}

.fixed-link li:hover, .fixed-link li:hover a{ color: #EFBD45; font-weight: bold;}

.fixed-link li img{ margin-bottom: 10px;}

.fixed-link li .r-tel{ width: 0; text-align: center; border-radius: 6px; border: 2px solid #1E254F; background-color: #FFF; position: absolute; right:0; top: 134px; display: block; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6);}

.fixed-link li .r-tel i{ color: #1E254F; font-size: 24px; line-height: 68px; display: block; white-space: nowrap; overflow: hidden; }

.fixed-link li:hover .r-tel{ width: 224px; right: 90px; opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.fixed-link li:hover .r-tel::after{ content: ""; position: absolute; right: -19px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../images/r-arrow.png) no-repeat right center;}

.r-top { border: 2px solid #1E254F; background-color: #1E254F; box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -webkit-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -moz-box-shadow: 0px 1px 10px 0px rgba(15,18,39,0.6); -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; -o-transition:.8s;transition:.8s; }

.r-top img{ display: block; margin:10px auto;}



/* slick */

.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}

.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}

.slick-list:focus{outline:0}

.slick-list.dragging{cursor:pointer;cursor:hand}

.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slick-track{position:relative;left:0;top:0;display:block;zoom:1}

.slick-track:after,.slick-track:before{content:"";display:table}

.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}

.slick-slide{float:left;height:100%;min-height:1px;display:none}

.slick-slide img{display:block}

.slick-slide.slick-loading img{display:none}

.slick-slide.dragging img{pointer-events:none}

.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}

.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}

.slick-next:focus,.slick-prev:focus{outline:0}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}

.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.slick-prev{left:-25px}

.slick-prev:before{content:"\2190"}

.slick-next{right:-25px}

.slick-next:before{content:"\2192"}

.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}

.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}

.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}

.slick-dots li button:focus{outline:0}

.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.slick-dots li.slick-active button:before{opacity:.75}



/* banner */

.banner-slider{ position: relative; padding-top: 36.46%;}

.banner-slider.slick-slider{ padding-top: 0;}

.banner-slider .slick-dots{ z-index: 10; bottom:55px;}

.banner-slider .slick-dots li{ width: auto; height:10px; margin:0 6px;}

.banner-slider .slick-dots li button:before{ display: none;}

.banner-slider .slick-dots li button{ width: 10px; height:10px; cursor: pointer; border-radius: 10px; border: 2px solid #F5F5F5; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}

.banner-slider .slick-dots li.slick-active button{ opacity: 1; width:36px; border-color: #FFD800; background-color: #FFD800;}

.banner-slider .ban-con img{display: block; width: 100%; z-index: 1;}

.banner-slider img{ position: absolute; left: 0; top: 0; width: 100%;}

.banner-slider.slick-slider img{ position: relative;}



.index-type{  background-color: #FFF;}

.index-type ul{ clear: both; overflow: hidden; padding-top: 50px;}

.index-type li{ float: left; width: 20%; text-align: center;}

.index-type li .type-pic{ display: block; padding-bottom: 60px; background: url(../images/pro-type.png) no-repeat center bottom;}

.index-type li p{ margin-top: -25px;}

.index-type li p a{ color: #333; font-size: 20px;}

.index-type li img{ transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

.index-type li.type-on a, .index-type li:hover a{ color: #EFBD45; font-weight: bold;}

.index-type li.type-on a img, .index-type li:hover a img{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px);}





.index-mating{ margin-top: 80px;}

.index-tit{ text-align: center; line-height: 1.1;}

.index-tit h1, .index-tit h2{ position: relative; display: inline-block; color: #FFF; }

.index-tit h1{ color: #333; font-size: 34px;}

.index-tit h2{ color: #333; font-size: 32px;}

.index-tit h1::before, .index-tit h2::before{ content: ''; display: block; position: absolute; top: 50%; left: -120px; width: 100px; height: 2px; background-color: #EFBD45;}

.index-tit h1::after, .index-tit h2::after{ content: ''; display: block; position: absolute; top: 50%; right: -120px; width: 100px; height: 2px; background-color: #1E254F;}

.index-mating .index-tit { padding: 25px 0; background: url(../images/index-font01.png) no-repeat center;}



.mating-show{ padding-top: 60px;}

.mating-name{ float: left; width: 29.2%;}

.mating-name li{ position: relative; width: 100%; height: 144px; line-height: 144px; padding-left: 20%; background-color: #ADCAEB;}

.mating-name li, .mating-name li a{ display: inline-block; color: #333; font-size: 24px; font-weight: bold;}

.mating-name li.name-bg{ background-color: #C8D4F1;}

.mating-name li:hover{ cursor: pointer;}

.mating-name li.active{ background-color: #1E254F;}

.mating-name li.active::after{ content: ''; display: block; position: absolute; top: 0; right: -30px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 0; border-top: 72px solid transparent; border-bottom: 72px solid transparent; border-left-color: #1E254F; z-index: 10;}

.mating-name li i{ position: absolute; left: 35px; top: -20px; color: #C8D4F1; font-size: 20px; font-weight: bold; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; background-color: #FFF; z-index: 20;}

.mating-name li:first-child i{ border: 1px solid #CAD5F1;}

.mating-name li.active, .mating-name li.active a{ color: #FFF;}

.mating-name li.active i{ color: #333; border: none; background-color: #EFBD45; box-shadow: 0 4px 8px rgba(30,37,79,0.8); -webkit-box-shadow: 0 4px 8px rgba(30,37,79,0.8); -moz-box-shadow: 0 4px 8px rgba(30,37,79,0.8);}

.mating-slider .slick-next:before, .mating-slider .slick-prev:before{ display: none;}

.mating-slider .mating-con img{display: block;width: 100%;z-index: 1;}

.mating-slider img{ position: absolute;left: 0;top: 0;width: 100%;}

.mating-slider.slick-slider img{ position: relative;}



.mating-pic{ float: left; width: 70.8%; position: relative; }

.mating-pic img{ width: 100%;}

.mating-pic .slick-slide{ position: relative;}

.mating-info{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; background-color: rgba(30,37,79,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991E254F,endColorstr=#991E254F); z-index: 10;  }

.mating-info p{ color: #EFBD45; font-size: 16px; line-height: 36px; padding-left: 6%;}

.mating-info p img, .mating-slider .mating-con .mating-info p img{ float: left; margin: 10px 12px 0 0; width: auto;}





.index-case{ margin-top: 80px; }

.index-case .index-tit { padding: 25px 0; background: url(../images/index-font03.png) no-repeat center;}

.index-case .index-tit p{ color: #E0E0E0;}

.case-show{ position: relative; margin-top: 70px;}

.base-show{ position: absolute; top: 90px; right: 0; width: 60%;}

.base-show li{ float:  left; width: 30%; margin-right: 3.3%; margin-right: 3.3%\0; margin-right: 3%\9; border-radius: 10px;}

.base-show li img{ border-radius: 6px; }

.base-show li i{ display: block; text-align: center; color: #FFF; font-size: 16px; margin-top: 10px;}

.base-show li.active02{ border: 5px solid #1E254F; border: 5px solid #1E254F\0; border:2px solid #1E254F \9;}

.case-data{ clear: both; overflow: hidden; }

.data-bg{display: none; width: 100%; height: 250px; width: 100%\0; height:250px\0; width: 96%\9; height:100px\9; padding: 140px 3% 10px; color: #FFF;  background-color: #1E254F;}

.case-data .active01{ display: block;  }

.data-bg h3{ margin: 15px 0;}

.data-bg h3 a{ color: #FFF; font-size: 24px;}

.data-info p img{ float: left; border-radius: 0; margin-right: 10px;}

.data-info p{ display: inline-block; line-height: 16px; padding-right: 15px; margin-right: 15px; }

.data-info p:first-child{ border-right: 1px solid #6774B8;}

.data-info p strong{ color: #6774B8; font-weight: normal;}

.case-main .case-slider{ position: relative; width: 33%; margin-left: 30px; margin-bottom: -130px;}

.case-main img{ border-radius: 10px;}

.case-slider .slick-prev:before, .case-slider .slick-next:before{ content: '';}

/*.pagination{ position: absolute; bottom: 40px; right: 7.2%; color: #CCC; font-size: 18px; font-weight: bold; font-style: italic; margin-top: 40px;}

.pagination .cur{ color: #FFF; font-size: 26px;}*/

.case-slider .slick-prev{ position: absolute; left: auto; top: auto; bottom: -80px; right:-154%; width: 30px; height: 30px; background: url(../images/tab-arrow01.png) no-repeat center;}

.case-slider .slick-next{ position: absolute; left: auto; top: auto; bottom: -80px; right:-189%; width: 30px; height: 30px; background: url(../images/tab-arrow02.png) no-repeat center;}

.case-slider .case-con img{display: block; width: 100%; z-index: 1;}

.case-slider img{ position: absolute; left: 0; top: 0; width: 100%;}

.case-slider.slick-slider img{ position: relative;}



/* IE9+ */

@media all and (min-width:0) {

    .base-show li.active02{ border: 5px solid #1E254F \9;}

    .base-show li{ margin-right: 3.3%\9; }

    .data-bg{ width: 100%\9; height:250px\9; }

}



.index-news{ position: relative; padding-bottom:60px; margin-top: 80px; background: url(../images/index-bg04.jpg) no-repeat top center;}

.index-news .index-tit { padding: 25px 0; background: url(../images/index-font04.png) no-repeat center;}

.index-news .box{ position: relative; padding: 70px 50px 80px;  border-radius: 60px 0 0 60px; background-color: #F9F9F9;}

.index-news .box::before{ content: ''; display: block; position: absolute; right: -114px; top: 0; width: 114px; height: 82px; background: url(../images/news-page01.png) no-repeat center;}

.index-news .box::after{ content: ''; display: block; position: absolute; right: -114px; bottom: 0; width: 114px; height: 82px; background: url(../images/news-page02.png) no-repeat center;}

.index-news .index-tit p a{ float: right; color: #666; font-size: 16px; padding-right: 32px; background-image: url(../images/more-arrow02.png); background-repeat: no-repeat; background-position: right 12px center; background-position: right center\0;}

.index-news .index-tit p a:hover{ color: #6774B8; background-image: url(../images/more-arrow04.png);}

.index-show{ padding: 40px 0 20px;}

.show-info{ margin-left: -5%;}

.show-info li{ float: left; width: 45%; margin-left: 5%; padding-bottom: 50px; border-bottom: 1px dashed #DDD;}

.show-info li img{ border-radius:6px;}

.show-info li .info-fl{ float: left; width: 34%; margin-right: 3%; }

.show-info li .info-fr{ float: left; width: 63%;}

.show-info li h3 a{ color: #333; font-size: 16px; height: 60px; line-height: 30px; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.show-info li h3 a:hover{ color:#6774B8;}

.show-info li span{ display: block; color: #999;}

.show-info li p{ font-size: 16px; margin-top: 10px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}



.show-list{ margin-left: -5%;}

.show-list li{ float: left; width: 45%; margin-left: 5%; line-height: 30px; padding: 20px 0; border-bottom: 1px dashed #DDD;}

.show-list li a{ float: left; width: 80%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; background: url(../images/tit-ico03.png) no-repeat left center;}

.show-list li:hover a{ color:#6774B8;}

.show-list li span{ float: right; color: #999; font-size: 15px;}



.link{ clear: both; overflow: hidden; font-size: 14px; padding: 10px 0; line-height: 30px;}

.link span{ float:left;}

.link ul{ float:left; width:80%;}

.link li{ float:left; margin-left:2%;}

.link a{ color:#444;}

.link a:hover{ color:#6774B8}

.copyright{ width: 100%; text-align: center; background-color: #1E254F;}

.copyright p{ color: #FFF; font-size: 14px; line-height: 35px; padding: 10px 0;}

.copyright p a{ color: #fff; margin-right: 10px;}

.copyright p a:hover{ text-decoration: underline;}



/* products style */

.pro-type{ padding: 10px 0 48px; padding-bottom: 48px\0; padding-bottom: 30px\9; background: url(../images/ban-top01.jpg) no-repeat top center; background-size: cover;}

.pro-type .pro-place{ margin-bottom: 10px;}

.pro-type ul{ clear: both; overflow: hidden; padding-top: 10px;}

.pro-type li{ float: left; width: 20%; text-align: center;}

.pro-type li .type-pic{ display: block; padding-bottom: 60px; background: url(../images/pro-type.png) no-repeat center bottom;}

.pro-type li p{ margin-top: -25px;}

.pro-type li p a{ color: #FFF; font-size: 16px;}

.pro-type li img{ transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

.pro-type li.type-on a, .pro-type li:hover a{ color: #EFBD45; font-weight: bold;}

.pro-type li.type-on a img, .pro-type li:hover a img{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px);}

/* IE9+ */

@media all and (min-width:0) {

    .pro-type{

        padding-bottom: 48px\9;

    }

}



.top-info{ padding: 40px 0; background: url(../images/ban-font01.png) #20295E no-repeat right top; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}

.top-info .box{ position: relative;}

.index-mark{ position: absolute; left: 0; top: 20px; }

.top-name{ color: #FFF; font-size: 18px; line-height: 33px; height: 67px; text-align: center; padding-left: 100px; background: url(../images/ban-font.png) no-repeat left center;}

.position{ width: 254px; height: 90px; padding: 20px 26px; margin-top: 26px; margin-left: -10px; background: url(../images/ban-bg.png) no-repeat left top;}

.position p{ display: block; color: #333; font-size: 14px; padding-left: 24px; background: url(../images/ban-ico.png) no-repeat left center;}

.position p a:hover{ color: #7896DE;}

.position p strong{ color: #7896DE; font-weight: normal;}

.position p.po-mark{ background-image: none; color: #999; margin-top: 2px;}

.index-marks{ width: 324px;}

.index-marks .top-name{ background-position: 70px center;}

.index-marks .position{ width: 324px; background-image: url(../images/ban-bgs.png);}

.top-info .top-font{ float: left; color: #7896DE; font-size: 16px; line-height: 36px; width: 46%; margin-left: 24%;}

.top-info span{ float: right; color: #FFF; font-size: 18px; width: 220px; height: 52px; line-height: 52px; text-align: center; margin-top: 30px; border-radius: 6px; cursor: pointer; background-color: #7896DE; box-shadow: 0 0 8px rgba(17,21,44,0.7); -webkit-box-shadow: 0 0 8px rgba(17,21,44,0.7); -moz-box-shadow: 0 0 8px rgba(17,21,44,0.7);}

.top-info span:hover{ background-color: #5E80D2;}



.info-make{ padding: 60px 0; background: url(../images/ban-make.jpg)   no-repeat center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}

.info-make .box{ height: 50px; line-height: 50px;}

.info-make ul{ clear: both; overflow: hidden; float: left; width: 86%; }

.info-make ul li{ float: left; width: 23%; margin-right: 2%;}

.info-make li select, .info-make li input{ color: #FFF; font-size: 16px; width: 100%; height:50px; line-height: 50px;  padding: 10px 10px 10px 15px; border-radius: 4px; border: 1px solid #7896DE; background-color: rgba(120,150,222,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C7896DE);}

.info-make li input{ color: #FFFFFF\0; height: 50px\0; line-height: 50px\0; width: 100%\0; padding: 10px 10px 10px 15px\0; color: #666666 \9; height: 30px\9; line-height: 30px\0; width: 90%\9; padding: 10px 3% 10px 6%\9; }

.info-make li input:-webkit-autofill {

    color:#FFF;

    -webkit-text-fill-color: #FFF;

    -webkit-box-shadow: 0 0 0px 1000px #3A4A85 inset !important;

}

.info-make li select option{ line-height: 30px; background-color: #7896de;}

.info-make ul li.make-last{ position: relative; }

.info-make ul li.make-last i{ position: absolute; left: 6px; top: 22px; width:6px; height: 6px; background: url(../images/make-star.png) no-repeat top center; background-size: 6px; }



.make-name::-webkit-input-placeholder{ color: #FFF; }

.make-name::-moz-input-placeholder{ color: #FFF; }

.make-name::-ms-input-placeholder{ color: #FFF; }

.make-tel::-webkit-input-placeholder{ color: #FFF; }

.make-tel::-moz-input-placeholder{ color: #FFF; }

.make-tel::-ms-input-placeholder{ color: #FFF; }



.make-btn{ float: right; width: 12%; height: 50px; color: #FFF; font-size: 16px; font-weight: bold; background-color: #7896DE; cursor: pointer; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(30,37,79,0.9); -webkit-box-shadow: 0 0 10px 0 rgba(30,37,79,0.9); -moz-box-shadow: 0 0 10px 0 rgba(30,37,79,0.9);}

.make-btn:hover{ background-color: #5E80D2;}



.pro-list{ margin-top:100px;}

.pro-tit{ line-height: 72px; text-align: center;}

.pro-tit span{ float: left; color: #6774B8; font-size: 16px; width: 200px; padding-left: 36px; background: url(../images/tit-ico01.png) no-repeat left center;}

.pro-tit .tit-more{ float: right; width: 200px; text-align: right;}

.tit-more a{ color: #6774B8; font-size: 16px; padding-right: 42px; background: url(../images/tit-more01.png) no-repeat right center;}

.tit-more a:hover{ font-weight: bold;}

.pro-tit h2{ display: inline-block; width: 427px; height: 72px; line-height: 70px; background: url(../images/tit-bg.png) no-repeat right center;}

.pro-tit h2 a{ display: inline-block; color:#FEFEFE; font-size: 30px; font-weight: normal; padding: 0 40px;}

.pro-list ul{ clear: both; overflow: hidden; padding: 6px 6px 12px; margin-top: 60px;}

.pro-list ul li{ float: left; width: 30%; margin-right: 5%; margin: 0 5% 0 0\0;  margin: 0 1.5%\9; border-radius: 10px; background-color: #FFF; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);  border:none\0; border:1px solid #EEEEEE \9;}

/* IE9+ */

@media all and (min-width:0) {

    .pro-list ul li{

        margin: 0 5% 0 0 \9;

        border:none\9;

    }

    .info-make li input{ color: #FFFFFF \9; height: 50px\9; line-height: 30px\9; width: 100%\9; padding: 10px 10px 10px 15px\9;  }

}

.pro-list ul li:last-child{ margin-right: 0;}

.list-pic{ position: relative; overflow: hidden;}

.list-pic > a{position: relative;padding-top: 75%;display: block;}

.list-pic a img{position: absolute;left: 0;top: 0;height: 100%; width: 100%; border-radius: 10px 10px 0 0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.list-pic p{ position:absolute; top:100%; left:0; width:100%; height:100%; border-radius: 10px 10px 0 0; background-color: rgba(32,41,94,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C820295E,endcolorstr=#C820295E); transition:all ease .3s; -webkit-transition:all ease .3s; -ms-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s;}

.list-pic p a{ display: block; width: 100%; height: 100%; opacity: 0; padding-top: 32%; box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); -webkit-box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); -moz-box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7);}

.list-pic p a i{ display: block; color: #20295E; font-size: 18px; text-align: center; width: 66%; height: 52px; line-height: 52px; margin: 0 auto; background-color: #FFF; border-radius: 26px; }

.list-pic p a i:hover{ background-color: #C8D4F1;}

.pro-list ul li:hover .list-pic a img{ border-radius: 50px 50px 0 0; -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}

.pro-list ul li:hover .list-pic p{top: 0;}

.pro-list ul li:hover .list-pic p a{ opacity: 1; transition: 0.3s; transition-delay: 0.2s;}

.pro-list li .list-info{ padding: 20px 26px; border-left: 10px solid #FFF; border-right: 10px solid #FFF; border-radius: 0 0 10px 10px; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}

.pro-list li:hover .list-info{ border-left: 10px solid #273375; border-right: 10px solid #273375; border-radius: 0 0 10px 10px;}

.list-info h3{ margin-bottom: 10px;}

.list-info h3 a{ display: block; color: #333; font-size: 18px;}

.side-pro .list-info h3 a{ font-size: 16px;}

.pro-list ul li:hover h3 a{ color: #6774B8;}

.list-info p{ font-size: 16px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list-info p sup{ vertical-align: top; position: relative;top: -4px;}

.list-info p strong{ color: #666; font-weight: normal;}

.list-info p img{ float: left; margin-right: 12px; width: 16px; height: 16px; margin-top: 7px;}

.pro-lists{ padding: 45px 0 92px; background: url(../images/list-bg.jpg) no-repeat top center; background-size: cover;}

.pro-lists .tit-more a{ color: #D9D9D9; background-image: url(../images/tit-more02.png);}

.pro-last{ margin-bottom: 40px;}



.index-key{ margin-top: 80px; }

.index-key .index-tit { padding: 25px 0; background: url(../images/index-font02.png) no-repeat center;}

.key-info{ padding: 60px 0 20px; margin-top: 60px; background: url(../images/key-bg.jpg) no-repeat top center; background-size: cover;}

.index-key .pro-list ul{ margin-top: 0;}



.list-show ul{ margin-left: -5%;}

.list-show ul li{ width: 28.3%; margin-left: 5%; margin-left: 4.8%\0; margin-right: 0; margin-bottom: 40px;}



.main-show{ padding: 10px 0 40px; padding-bottom: 28px\0; background: url(../images/pro-bg.jpg) no-repeat top center; background-size: cover;}

.line-show{ margin-bottom: 80px; background-image: url(../images/line-bg.jpg);}

.pro-place{ display: block; color: #FFF; font-size: 14px; padding-left: 24px; margin: 20px 0; background: url(../images/ban-ico.png) no-repeat left center;}

.pro-place a{ color: #FFF;}

.pro-place a:hover{ text-decoration: underline;}

.main-show .box{ position: relative;}

.con-name{ position: absolute; left: -24px; top: 40px; width: 310px; height: 470px; background: url(../images/con-name.png) no-repeat top center;}

.con-name h1{ position: relative; width: 100%; text-align: center; color: #1E254F; font-size: 30px; line-height: 1.1; margin-top: 45px;}

.con-name h1::before{ content: ''; display: block; position: absolute; left: 0; top: -16px; width: 310px; height: 1px; background: url(../images/con-line.png) no-repeat center;}

.con-name h1::after{ content: ''; display: block; position: absolute; left: 0; bottom: -16px; width: 310px; height: 1px; background: url(../images/con-line.png) no-repeat center;}

.con-show{ position: relative; z-index: 20; clear: both; overflow: hidden; margin-top: 85px;}

.proline-info{ margin-top: 20px; margin-bottom: 20px;}

.proline-info .show-pics{ width: 52%;}

.proline-info .show-base{ width: 43%; margin-top: 90px;}

.proline-info .show-pics p{ text-align: left; margin: 30px 0;}

.proline-info p.line-mise{ margin: 24px 0;}

.proline-info .show-pics p span{ margin-left: 0; margin-right: 70px;}

.proline-info h1{ color: #FFF; font-size: 30px; line-height: 1.1; margin-bottom: 30px;}

.proline-info .show-base span{ margin-top: 10px;}

.show-pics{ float: left; width: 60%; padding: 1%;}

.show-pics p{ text-align: right; color: #CFCFCF; font-size: 14px; line-height: 16px; margin-bottom: 25px;}

.show-pic{ margin-bottom: 25px;}

.show-pics p img{ margin: -2px 10px 0 0;}

.show-pics p span{ margin-left: 70px;}

.show-pic img{ border-radius: 6px; box-shadow: 5px 5px 18px rgba(13,18,47,0.8); -webkit-box-shadow: 5px 5px 18px rgba(13,18,47,0.8); -moz-box-shadow: 5px 5px 18px rgba(13,18,47,0.8);}

.show-base{ float: right; width: 35%; margin-top: 55px;}

.show-base p{ color: #FFF; font-size: 16px; line-height: 32px; margin-bottom: 30px;}

.show-base p sup{ vertical-align: top; position: relative; top: -4px;}

.show-base p.base-info01{ color: #7896DE; font-size: 18px; padding-left: 70px; background: url(../images/base-line.png) no-repeat left center;}

.show-base p.base-info01 strong{ color: #FFF; font-size: 20px;}

.show-base p.base-info02{ padding-left: 30px; background: url(../images/tit-ico02.png) no-repeat left 6px;}

.show-base p.base-info02 i{ color: #7896DE; }

.show-base p.base-tel{ color: #7896DE; margin-top: 20px;}

.show-base p.base-tel strong{ color: #FFF; font-size: 17px; margin-left: 10px;}

.show-base span{ display: inline-block; color: #1e254f; font-size: 20px; text-align: center; width: 234px; height: 62px; line-height: 62px; margin-top: 20px; background: url(../images/con-btn.png) no-repeat center; cursor: pointer;text-indent: 32px;}

.show-base span:hover{ background-image: url(../images/con-btns.png);}



.detail-show{ clear: both; overflow: hidden;}



.detail-nav{ width: 100%; height: 60px; line-height: 60px; margin-bottom: 80px; background: url(../images/nav-bgs.png) repeat-x left center;}

.detail-nav ul{ clear: both; overflow: hidden;}

.detail-nav li{ float: left; width: 20%; text-align: center;}

.detail-nav li a{ display: block; color: #FFF; font-size: 16px;}

.detail-nav li.case-on{ font-weight: bold; background: url(../images/navs-on.png) no-repeat center;}

.detail-nav li.case-on a{ color: #EFBD45; }

.detail-nav li:hover{ font-weight: bold; background: url(../images/navs-on.png) no-repeat center;}

.detail-nav li:hover a{ color: #EFBD45; }



.show-fl{ float: left; width: 70%;}

.show-fl h2{ text-align: center; color: #333; font-size: 28px; line-height: 1.1; padding-bottom: 24px; margin-bottom: 20px; margin-top: 20px; background: url(../images/tit-mark.png) no-repeat bottom center;}

.show-fl p{ color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 12px;}

.show-fl p img, .show-fl p video{ max-width: 100%; height: auto;display: block;margin: 0 auto 10px;}

.show-fl table{ margin-bottom: 10px;}

.show-fl p a, .show-fl p span{ color: #DA251D; }

.show-fl p a{padding: 0 4px;}

.show-fl p a.dzsc{ cursor:pointer; display:inline-block; color:#FFF; width:200px; line-height:32px; text-indent: 0; font-size:15px; background-color: #7896DE;}

.show-fl table td{ padding: 5px 2px; word-break: break-all;}

.show-fl p em{ position: relative; display: inline-block; height: 42px; color: #FFF; font-size: 16px; font-weight: normal; line-height: 54px; padding: 0 4px; margin: 0 18px 0 90px; margin-left: 0\0;}

.show-fl p em::before{ content: ''; display: block; position: absolute; left: -90px; top: 0; width: 90px; height: 42px;}

.show-fl p em::after{ content: ''; display: block; position: absolute; right: -18px; top: 0; width: 18px; height: 42px;}

.show-fl p.pro-good01, .show-fl p.pro-good02, .show-fl p.pro-good03, .show-fl p.pro-good04, .show-fl p.pro-good05, .show-fl p.pro-good06, .show-fl p.pro-good07, .show-fl p.pro-good08{ text-indent: 0;}

.show-fl p.pro-good01 em, .show-fl p.pro-good03 em, .show-fl p.pro-good05 em, .show-fl p.pro-good07 em{ background: url(../images/order-line01.png) repeat-x;}

.show-fl p.pro-good01 em::after, .show-fl p.pro-good03 em::after, .show-fl p.pro-good05 em::after, .show-fl p.pro-good07 em::after{ background: url(../images/order-side01.png) no-repeat right center;}

.show-fl p.pro-good02 em, .show-fl p.pro-good04 em, .show-fl p.pro-good06 em, .show-fl p.pro-good08 em{ background: url(../images/order-line02.png) repeat-x;}

.show-fl p.pro-good02 em::after, .show-fl p.pro-good04 em::after, .show-fl p.pro-good06 em::after, .show-fl p.pro-good08 em::after{ background: url(../images/order-side02.png) no-repeat right center;}

.show-fl p.pro-good01 em::before{ background: url(../images/order-nu01.png) no-repeat left center;}

.show-fl p.pro-good02 em::before{ background: url(../images/order-nu02.png) no-repeat left center;}

.show-fl p.pro-good03 em::before{ background: url(../images/order-nu03.png) no-repeat left center;}

.show-fl p.pro-good04 em::before{ background: url(../images/order-nu04.png) no-repeat left center;}

.show-fl p.pro-good05 em::before{ background: url(../images/order-nu05.png) no-repeat left center;}

.show-fl p.pro-good06 em::before{ background: url(../images/order-nu06.png) no-repeat left center;}

.show-fl p.pro-good07 em::before{ background: url(../images/order-nu07.png) no-repeat left center;}

.show-fl p.pro-good08 em::before{ background: url(../images/order-nu08.png) no-repeat left center;}



.show-fl p.line-good01, .show-fl p.line-good02{ text-indent: 0;}

.show-fl p.line-good01 em{ height: 34px; line-height: 34px; padding: 0 15px 0 18px; margin: 0 16px 0 10px; background: url(../images/order-line03.png) repeat-x;}

.show-fl p.line-good01 em::before{ content: ''; display: block; position: absolute; left: -12px; top: 0; width: 12px; height: 34px; background: url(../images/order-side03.png) no-repeat left center;}

.show-fl p.line-good01 em::after{ content: ''; display: block; position: absolute; right: -16px; top: 0; width: 16px; height: 34px; background: url(../images/order-side04.png) no-repeat left center;}

.show-fl p.line-good02 em{ height: 34px; line-height: 34px; padding: 0 15px 0 18px; margin: 0 16px 0 10px; background: url(../images/order-line04.png) repeat-x;}

.show-fl p.line-good02 em::before{ content: ''; display: block; position: absolute; left: -12px; top: 0; width: 12px; height: 34px; background: url(../images/order-side05.png) no-repeat left center;}

.show-fl p.line-good02 em::after{ content: ''; display: block; position: absolute; right: -16px; top: 0; width: 16px; height: 34px; background: url(../images/order-side06.png) no-repeat left center;}



.show-fr{ float: right; width: 25%; border-left: 1px solid #E6E6E6;} 

.show-year{ padding: 20px 10%; text-align: center;border-left: 1px solid #E6E6E6; }

.show-year p{ color: #666; font-size: 14px; line-height: 30px; text-align: left; margin-top: 20px;}

.side-pro{border-left: 1px solid #E6E6E6;}

.side-tit{ width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 18px; font-weight: bold; margin-left: -1px; background: url(../images/pro-tit.png) no-repeat center;}



.side-pro ul{ clear: both; overflow: hidden; padding: 20px 10%;}

.side-pro ul li{ width: 100%; border-radius: 10px; border:1px solid #EEEEEE\0; margin-bottom: 25px; background-color: #FFF; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}

.side-pro .list-pic p a i{ height:46px; line-height: 46px;font-size: 16px;}

.side-pro ul li:hover .list-pic a img{ border-radius: 36px 36px 0 0; -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}

.side-pro ul li:hover .list-pic p{top: 0;}

.side-pro ul li:hover .list-pic p a{ opacity: 1; transition: 0.3s; transition-delay: 0.2s;}

.side-pro li .list-info{ text-align: center; line-height: 20px; padding: 12px 0; border-left: 10px solid #FFF; border-right: 10px solid #FFF; border-radius: 0 0 10px 10px; -ms-transition:all .4s ease 0s; -o-transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}

.side-pro li:hover .list-info{ border-left: 10px solid #273375; border-right: 10px solid #273375; border-radius: 0 0 10px 10px;}

.side-pro .list-info h3{ margin-bottom: 0; font-weight: normal;}

.side-pro .tit-more a{ color: #D9D9D9; background-image: url(../images/tit-more02.png);}

.side-list ul{ clear: both; overflow: hidden; margin: 20px 10%; border-radius: 10px; border:1px solid #EEEEEE\0; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4);}

.side-list ul li{ height: 56px; line-height: 56px; padding: 0 10px;}

.side-list ul li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px; background: url(../images/news-arrow01.png) no-repeat right center;}

.side-list ul li:hover{ background-color: #7896DE;}

.side-list ul li:hover a{ color: #FFF; background-image: url(../images/news-arrow02.png);}



.rele-case{ position: relative; margin-top: 40px;}

.rele-line{ position: absolute; left: 0; top: 36px; width: 100%; height: 2px; background-color: #A6B7DE; z-index: -1;}

.rele-tit{ height: 56px;}

.rele-tit strong{ font-size: 28px;}

.rele-tit strong img{ float: left; margin-right: 6px;}

.rele-tit a{ float: right; color: #6774B8; font-size: 16px; padding-right: 42px; background: url(../images/tit-more01.png) no-repeat right center;}

.rele-tit a:hover{ font-weight: bold;}

.rele-case ul{ clear: both; overflow: hidden; margin-top: 40px; margin-left: -4%;}

.rele-case ul li{ float: left; width: 46%; margin-bottom: 20px; margin-left: 4%;}

.rele-case li .line-pic{ float: left; width: 62%;}

.line-pic a{position: relative;padding-top:75%;display: block;}

.rele-case li .line-pic img{position: absolute;left: 0;top:0;width: 100%;height:100%; border-radius: 10px 0 0 10px;}

.rele-case li .line-info{ float: left; width: 38%; position: relative; padding: 20px 15px 37px; width: 34%\0; padding: 20px 2% 37px\0; margin: 15px 0; border-radius: 0 10px 10px 0; background-color: #1E254F;}

.rele-case li .line-info::before{ content: ''; display: block; position: absolute; top: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn01.png) no-repeat center;}

.rele-case li .line-info::after{ content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn02.png) no-repeat center;}



.rele-news{ position: relative; margin-top: 40px;}

.rele-news ul{ clear: both; overflow: hidden; margin: 20px 0 40px;}

.rele-news li{ float: left; width: 48%; height: 30px; line-height: 30px; margin-bottom: 15px; margin-right: 2%;}

.rele-news li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; background: url(../images/tit-ico03.png) no-repeat left center;}

.rele-news li a:hover{ color: #6774B8;}

.rele-news li.news-hand a{background: url(../images/news-hand.png) no-repeat left center;}



/* page style */

.main-page{ position: relative; width:100%; color: #666; font-size:14px; text-align:center; margin:0 auto 40px;}

.main-page span{ cursor: pointer;} 

.page{ overflow: initial; display: inline-block; position: relative; line-height: 36px; margin: 0 40px; background: url(../images/page-fc.png) repeat-x top 7px center;}

.page li{ display: inline-block; color:#666; width: 40px; height: 31px; margin-right:4px;} 

.page li a, .page li span{ display: block;}

.page li::before, .page li::after{ display: none;}

.page li:hover, .page li.current{ color: #FFF; width: 40px; height: 31px; padding: 0; background: url(../images/page-bg.png) no-repeat top center;}

.page li:hover a{ color: #FFF;}

.page::before{ content: ''; display: block; position: absolute; left: -40px; top: 7px; width: 40px; height: 24px; background: url(../images/page-fl.png) no-repeat left center;}

.page::after{ content: ''; display: block; position: absolute; right: -40px; top: 7px; width: 40px; height: 24px; background: url(../images/page-fr.png) no-repeat left center;}



.page a{ display: inline-block;}

.t-page{ box-sizing: inherit; display: none; position: absolute; left: 0; width: 84%; bottom:80px; margin-left: 0; padding: 30px 30px 10px; border: 1px solid #EEE; background-color: #FFF; z-index: 10; box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);}

.t-page .close{ position: absolute; right: 0;top: 5px; width: 30px; height: 30px; line-height: 30px; color: #333; cursor: pointer;}

.t-page .ico{ content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #E2E2E2 transparent transparent;}

.t-page .ico em{ content: ''; display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #FFF transparent transparent;}

.ul-page{ clear: both; overflow: hidden; position: relative; line-height: 36px; width: 100%; padding: 0 40px; background: url(../images/page-fc.png) repeat-x top 7px center;}

.ul-page::before{ content: ''; display: block; position: absolute; left: 0; top: 7px; width: 40px; height: 24px; background: url(../images/page-fl.png) no-repeat left center;}

.ul-page::after{ content: ''; display: block; position: absolute; right: 0; top: 7px; width: 40px; height: 24px; background: url(../images/page-fr.png) no-repeat left center;}



.ul-page li{ float: left; color: #666; width: 10%; margin-bottom: 10px;}

.ul-page li a{ display: block;  height: 31px; text-align: center;}

.ul-page li:hover, .ul-page li.on{color: #FFF; height: 31px; background: url(../images/page-bg.png) no-repeat top center;}

.ul-page li:hover a, .ul-page li.on a{ color: #FFF;}



.ul-tab-page{ overflow: hidden; margin-top: 20px;}

.ul-tab-page li{ float: left; width: 17%; text-align: center; margin: 0 1.5% 15px 1.5%;}

.ul-tab-page li a{ display: block; font-size: 16px; color: #333; padding: 0 12px; line-height: 36px; border-radius: 4px; border: 1px solid #DDD; background-color: #FFF;}

.ul-tab-page li:hover a, .ul-tab-page li.on a{ background-color: #E2E2E2;}

.dn{ display: none;}

/* case style */

.top-case{ padding-top: 10px; background: url(../images/ban-top02.jpg) no-repeat top center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}

.top-news{ background: url(../images/ban-top03.jpg) no-repeat top center; background-size: cover;}

.top-ser{ background: url(../images/ban-top04.jpg) no-repeat top center; background-size: cover;}

.top-about{ background: url(../images/ban-top05.jpg) no-repeat top center; background-size: cover;}

.top-cont{ background: url(../images/ban-top06.jpg) no-repeat top center; background-size: cover; position: relative; z-index: 1;}

.top-case .box{ position: relative;}

.top-case .top-info{ background: none;box-shadow:none;}

.top-tit{ position: absolute; top: 0; left: 0; color: #FFF; font-size: 42px; font-weight: bold; line-height: 47px; padding-left: 36px; margin-bottom: 10px; margin-top: 30px; background: url(../images/topTit-bg.png) no-repeat left center;}



.case-nav{ position: relative; width: 100%; height: 60px; line-height: 60px; background: url(../images/nav-bg.png) repeat-x left center;}

.case-nav::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: rgba(120,150,222,.3);}

.case-nav ul{ clear: both; overflow: hidden;}

.case-nav li{ float: left; width: 20%; text-align: center;}

.case-nav li a{ display: block; color: #FFF; font-size: 16px;}

.case-nav li.case-on{ font-weight: bold; background: url(../images/nav-on.png) no-repeat center;}

.case-nav li.case-on a{ color: #EFBD45;}

.case-nav li:hover{ font-weight: bold;}

.case-nav li:hover a{ color: #EFBD45; }

.case-list{ margin-top: 80px; margin-bottom: 40px;}

.case-list ul{ clear: both; overflow: hidden; margin-left: -4%;}

.case-list ul li{ float: left; width: 46%; margin-bottom: 50px; margin-left: 4%;}

.case-list li .line-pic{ float: left; width: 62%;}

.case-list li .line-pic img{border-radius: 10px 0 0 10px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.case-list li .line-info{ float: left; width: 38%; position: relative; padding: 20px 15px 37px; width: 38%\0; padding: 20px 15px 37px\0; width: 34%\9; padding: 20px 2% 37px\9; margin: 15px 0; border-radius: 0 10px 10px 0; background-color: #1E254F;}

.case-list li .line-info::before{ content: ''; display: block; position: absolute; top: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn01.png) no-repeat center;}

.case-list li .line-info::after{ content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn02.png) no-repeat center;}

.line-info h3{ position: relative; height: 52px; line-height: 26px; text-align: center; margin-bottom: 8px;}

.line-info h3 a{ position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); margin-top: 0\0; margin-top: -26px\9; color: #FFF; font-size: 18px;}

.line-info h3 a:hover{ color: #EFBD45;}

.line-info span{ display: block; color: #6774B8; font-size: 16px; line-height: 30px;}

.line-info span img{ float: left; margin: 8px 10px 0 0;}

.line-info p{ color: #FFF; font-size: 16px; line-height: 30px; padding-left: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.line-info p sup{ vertical-align: top; position: relative;top: -4px;}

.line-info p.line-group{ height: 60px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal;}

.line-info a.line-more{ position: absolute; left: 50%; bottom: -23px; margin-left: -31%; display: block; color: #FFF; width: 62%; width: 62%\0; width: 52%\9; height: 38px; line-height: 38px; border-radius: 6px; padding-left: 10%; background: url(../images/line-more01.png) no-repeat #1E254F right center; box-shadow: 0 -2px 10px rgba(23,28,60,0.9); -webkit-box-shadow: 0 -2px 10px rgba(23,28,60,0.9); -moz-box-shadow: 0 -2px 10px rgba(23,28,60,0.9);}

.line-info a.line-more:hover{ color: #EFBD45; background-image: url(../images/line-more02.png);}

/* IE9+ */

@media all and (min-width:0) {

    .case-list li .line-info{ width: 38%\9; padding: 20px 15px 37px\9; }

    .line-info h3 a{ margin-top: 0\9;}

    .line-info a.line-more{ width: 62%\9; }

}



/* news style */

.news-type{ margin: 140px 0 70px; background: url(../images/news-bgs.jpg) no-repeat #FFF bottom center; }

.news-font{ padding-top: 30px; margin: 40px 0; background: url(../images/news-font01.png) no-repeat top center;}

.news-tab{ position: relative; }

.news-tab .tab-btn{ position: absolute; top: 0; cursor: pointer;}

.news-tab .tab-prev-btn{ left: 0;}

.news-tab .tab-prev-btn img { display: block; margin-left: 82%; margin-top: -2px; }

.news-tab .tab-next-btn{ right: 0;}

.news-tab .tab-prev-btn::after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; 

    background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);

    background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);

    background: -ms-linear-gradient(left, rgba(255,255,255,0.6) 0%, transparent 100%);

    background: linear-gradient(to right, rgba(255,255,255,0.6) 0%, transparent 100%);

}

.news-tab .tab-next-btn::after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; 

    background: -moz-linear-gradient(left, transparent 0%, rgba(255,255,255,0.6) 100%);

    background: -webkit-linear-gradient(left, transparent 0%,rgba(255,255,255,0.6) 100%);

    background: -o-linear-gradient(left, transparent 0%,rgba(255,255,255,0.6) 100%);

    background: -ms-linear-gradient(left, transparent 0%,rgba(255,255,255,0.6) 100%);

    background: linear-gradient(to right, transparent 0%,rgba(255,255,255,0.6) 100%);

}

.news-tab .tab-next-btn img { display: block; margin-left: 10%; margin-top: -2px; }

.news-tab .tab-list li { position: absolute; left: 0; top: 0;}

.news-tab .tab-list li img{ border-radius: 10px; }

.tab-txt{ text-align: center; margin-top: 15px; }

.tab-txt a{ color: #333; font-size: 16px; line-height: 30px; padding-bottom: 6px; border-bottom: 1px solid #CFCFCF;}

.tab-txt a:hover{ color: #6774B8;}



.news-list01 ul{ clear: both; overflow: hidden; padding-top: 40px; margin-left: -6%; margin-bottom: 100px;}

.news-list01 li{ float: left; width: 44%; margin-left: 6%; padding: 15px 0; margin-bottom: 20px;}

.news-list01 li:hover{ border-radius: 6px; background-color: #FFF; box-shadow: 0 0 6px rgba(153,153,153,0.6); -webkit-box-shadow: 0 0 6px rgba(153,153,153,0.6); -moz-box-shadow: 0 0 6px rgba(153,153,153,0.6);}

.news-list01 li span{ display: inline-block; position: relative; vertical-align: middle; width: 16%; text-align: center; color: #999; font-size: 16px;}

.news-list01 li span::after{ content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -15px; width: 2px; height: 30px; background-color: #CCC;}

.news-list01 li span i{ display: block; color: #333; font-size: 28px; margin-bottom: 3px;}

.news-list01 li .news-info{ display: inline-block; width: 77%; margin: 0 3%; color: #333; font-size: 16px; line-height: 30px; height: 60px; vertical-align: middle; }

.news-info h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news-info h3 a{ font-size: 16px;}

.news-list01 li:hover h3 a{ color: #6774B8;}

.news-info p{ color: #666; font-size: 16px; height: 30px; overflow: hidden;}

.news-list02{ padding-top:70px; background: url(../images/news-font02.png) no-repeat top 10px center;}

.news-list02 ul{ clear: both; overflow: hidden; padding-bottom: 20px; border-radius: 10px; background-color: #FFF; box-shadow: 0 0 12px rgba(46,55,98,0.4); -webkit-box-shadow: 0 0 12px rgba(46,55,98,0.4); -moz-box-shadow: 0 0 12px rgba(46,55,98,0.4); border:1px solid #EEEEEE\0;}

.news-list02 li{ float: left; width: 42%; margin:0 4%; padding: 40px 0 30px; border-bottom: 1px dashed #C0C0C0;}

.news-list02 li h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news-list02 li:hover h3 a{ color: #6774B8;}

.news-list02 li p{ color: #666; font-size: 16px; line-height: 30px; height: 60px; margin: 22px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news-other{ height: 30px; line-height: 30px;}

.news-other span{ color: #666; font-size: 16px; padding-left: 26px; background: url(../images/news-time.png) no-repeat left center; }

.news-other a{ float: right; color: #666; font-size: 16px; }

.news-list02 li:hover .news-other a{ color: #EFBD45; font-weight: bold; }

.news-list02 li:last-child, .news-list02 li:nth-last-child(2){ border-bottom: none;}



.news-list{ margin-top: 60px;}

.news-list .index-tit{ padding: 25px 0; background: url(../images/news-font03.png) no-repeat center;}

.news-list ul{ clear: both; overflow: hidden; margin: 50px 0 20px;}

.news-list li{ position: relative; clear: both; overflow: hidden; padding: 5px 0 5px 5px;}

.news-list li::before{ content: ''; display: block; position: absolute; right: 12%; top: 0; width: 1px; height: 100%; background-color: #a6B7DE;}

.news-list li::after{ content: ''; display: block; position: absolute; right: 12%; top: -30px; width: 1px; height: 30px; background-color: #a6B7DE;}

.news-list li .list-main{ float: left; width: 84%; width: 78%\0; padding: 20px 30px; margin-bottom: 30px;}

.news-list li .list-time{ position: relative; float: right; width: 12%; color: #B2B2B2; font-size: 20px; padding-left: 50px;}

.list-main h3{ line-height: 30px;}

.list-main h3 a{ color: #333; font-size: 16px;}

.list-main p{ color: #666; font-size: 16px; line-height: 30px;}

.list-main .list-tag{ margin: 20px 0; padding-left: 72px; background: url(../images/news-tag.png) no-repeat left center;}

.list-tag a{ color: #666; height: 26px; border-radius: 12px; padding: 2px 15px; margin-left: 12px; border: 1px solid #6774B8;}

.list-tag i{ color: #666; height: 26px; border-radius: 12px; padding: 2px 15px; border: 1px solid #6774B8;}

.list-time strong{ display: block; color: #7896DE; font-size: 30px; margin-bottom: 12px;}

.list-time::before{ content: ''; display: block; position: absolute; left: 0; top: 14px; width: 20px; height: 1px; background-color: #a6B7DE;}

.news-list li:hover .list-main{ border-radius: 6px; background-color: #FFF; box-shadow: 0 0 6px rgba(46,55,98,0.4); -webkit-box-shadow: 0 0 6px rgba(46,55,98,0.4); -moz-box-shadow: 0 0 6px rgba(46,55,98,0.4);}

.news-list li:hover h3 a{color: #6774B8;}

.list-main .list-txt{ height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}



.news-top{ padding: 25px 0; background: url(../images/ban-top03.jpg) no-repeat top center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4);}

.news-place{ display: block; color: #FFF; font-size: 14px; padding-left: 24px; background: url(../images/ban-ico.png) no-repeat left center;}

.news-place a{ color: #FFF;}

.news-place a:hover{ text-decoration: underline;}

.news-top h1{ color: #FFF; font-size: 28px; height: 104px; line-height: 104px; padding: 0 70px; margin-top: 40px; background: url(../images/news-tit.png) no-repeat left center;}

.news-page{ text-align: right;}

.news-page a, .news-page span{ display: inline-block; margin-left: 28px; transition:all ease 0.5s;}

.news-data{ color: #D4D4D4; font-size: 16px; line-height: 20px;}

.news-data i{ margin-left: 40px;}



.news-show{ margin-top: 70px;}

.news-link{ position: relative; height: 82px; margin-left: -14px; background: url(../images/news-link.png) no-repeat left top;}

.news-link p{ display: inline-block; color: #FFF; font-size: 16px; width: 65%; height: 66px; line-height: 66px; padding-left: 4%; margin:8px 0 0 90px; border-radius: 0 10px 10px 0; background-color: #1E254F; box-shadow: 2px 6px 10px 0 rgba(17,21,44,0.3); -webkit-box-shadow: 2px 6px 10px 0 rgba(17,21,44,0.3); -moz-box-shadow: 2px 6px 10px 0 rgba(17,21,44,0.3);}

.news-link p strong{ font-size: 18px;}

.news-link span{ position: absolute; right: 25px; top: 0; color: #FFF; font-size: 18px; width: 338px; height: 82px; line-height: 82px; text-indent: 180px; cursor: pointer; background: url(../images/news-click.png) no-repeat; }

.news-main{ clear: both; overflow: hidden; margin-top: 40px;}

.news-main table{ margin-bottom: 20px;}

.main-fl{ float: left; width: 70%;}

.main-fr{ float: right; width: 25%; } 

.main-fl h2{ color: #333; font-size: 25px; line-height: 47px; padding-left: 20px; margin-bottom: 20px; background: url(../images/news-name.png) no-repeat left center;}

.main-fl h3{ color: #333; font-size: 24px; line-height: 47px; padding-left: 20px; margin-bottom: 20px; background: url(../images/news-name.png) no-repeat left center;}

.main-fl p{ color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 12px;}

.main-fl p img, .main-fl p video{ max-width: 700px; height: auto; display: block;margin: 0 auto 10px;}

.main-fl p a, .main-fl p span{ color: #DA251D; cursor: pointer; white-space: nowrap; }

.main-fl p a{padding: 0 4px;}

.main-fl p span.zx{ font-size: 16px;color: #FFF;width: 148px;height: 47px; line-height: 47px;text-align: center;margin: 0 5px;display: inline-block;cursor: pointer;text-indent: 0px;background: url(../images/btn-ask.gif) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.main-fl p em.news-mark{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;}

.mark-icon01{background: url(../images/newsIcon01.png) no-repeat left top;background-size:18px;}

.mark-icon02{background: url(../images/newsIcon02.png) no-repeat left top;background-size:18px;}

.mark-icon03{background: url(../images/newsIcon03.png) no-repeat left top;background-size:20px;}

.mark-icon04{background: url(../images/newsIcon04.png) no-repeat left top;background-size:20px;}

.mark-icon05{background: url(../images/newsIcon05.png) no-repeat left top;background-size:20px;}

.mark-icon06{background: url(../images/newsIcon06.png) no-repeat left top;background-size:20px;}

.mark-icon07{background: url(../images/newsIcon07.png) no-repeat left top;background-size:20px;}

.mark-icon08{background: url(../images/newsIcon08.png) no-repeat left top;background-size:20px; }

.mark-icon09{background: url(../images/newsIcon09.png) no-repeat left top;background-size:20px;}



.main-fl p em.news-title{display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;}

.title-icon01{background: url(../images/newsTit01.png) no-repeat left top;background-size:24px;}



.base-case p em.news-mark:before,.base-case p em.news-mark:after{display: none;}

.base-case p em.news-mark{display:inline-block;width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;}

.base-case p em.news-title{display:inline-block;width:24px;height:24px;margin:0 8px 0 0;vertical-align:middle;}





.main-fl table td{ padding: 5px 2px; word-break: break-all;}

.news-pages{ margin: 30px 0;}

.news-pl{ float: left; width: 40%; text-align: center;}

.news-pages b{ display: block; margin-bottom: 6px;}

.news-pages span a{ display: block; width: 58px; height: 58px;}

.news-pages span{ position: relative; display: inline-block; width: 58px; height: 58px;}

.news-pages span img{ position: absolute; left: 0; top: 0;}

.news-pages span .page-hide{ display: none;}

.news-pages p{ text-indent: 0;}

.news-pages p a{ display: block; color: #333; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news-pl:hover a, .news-pr:hover a{ color: #DA251D;}

.news-pc{ float: left; width: 20%; text-align: center;}

.news-pr{ float: left; width: 40%; text-align: center;}

.news-pl:hover .page-show, .news-pc:hover .page-show, .news-pr:hover .page-show{ display: none;}

.news-pl:hover .page-hide, .news-pc:hover .page-hide, .news-pr:hover .page-hide{ display: block;}





.more-top{ padding: 25px 0 60px;}

.more-top h1{ color: #FFF; font-size: 42px; font-weight: normal; height: auto; line-height: 1.1; padding: 0; margin: 70px 0 30px; background: none;}

.more-top h1 a{ color: #EFBD45; font-weight: bold; }

.more-top p{ color: #D6D6D6; font-size: 24px;}

.news-more{ margin: 70px auto;}

.news-more ul{ clear: both; overflow: hidden; margin-left: -3%; margin-bottom: 40px;}

.news-more ul li{ float: left; font-size: 16px; width: 47%; width: 44%\0; line-height: 30px; padding-left: 25px; margin-left: 3%; margin-bottom: 30px; background: url(../images/news-icon.png) no-repeat left center;}

/* IE9+ */

@media all and (min-width:0) {

    .news-more ul li{

        width: 47%\9;

    }

}

.news-more li a{ float: left; width: 78%; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news-more li span{ float: right; width: 18%; color: #999;}

.news-more li:hover a{ color: #6774B8;}

.map-more li a{ width: 96%;}



/* service style */

.ser-sure{ margin-top: 90px;}

.ser-sure .index-tit{ padding: 25px 0; background: url(../images/ser-font01.png) no-repeat center;}

.ser-sure ul{ clear: both; overflow: hidden; margin-top: 50px; margin-left: -2.8%;}

.ser-sure li{ position: relative; float: left; width: 22.2%; margin-left: 2.8%;}

.ser-sure li span{ display: block; position: absolute; left: 0; bottom: 24px; width: 100%; text-align: center; color: #666; font-size: 16px; line-height: 30px;}

.ser-sure li span strong{ display: block; color: #333; font-size: 18px;}

.ser-sure p{ position: relative; font-size: 16px; line-height: 30px; padding: 30px; margin-top: 30px; }

.ser-sure p:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 34px; background: url(../images/ser-line01.png) no-repeat center; background-size: 100%;}

.ser-sure p:after{ content: ''; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(../images/ser-line02.png) no-repeat center; background-size: 100%;}



.ser-aim{ margin-top: 80px;}

.ser-aim .index-tit{ padding: 25px 0; background: url(../images/ser-font02.png) no-repeat center;}

.ser-show{ position: relative; border-radius: 6px; margin-top: 60px; background: url(../images/ser-bg.png) #6774B8 no-repeat right center;}

.aim-show{ position: absolute; top: 30px; right: 9%; width: 48%; padding: 50px 80px; border-radius: 6px; background-color: #FFF;}

.ser-video img{ border-radius: 6px 0 0 6px; cursor: pointer;}

.aim-show dl dt{ position: relative; font-size: #000; font-size: 30px; font-weight: 600; line-height: 1.1; padding-bottom: 20px; margin-bottom: 36px; }

.aim-show dl dt span{ display: block; color: #666; font-size: 14px; font-weight: normal; margin-top: 10px;}

.aim-show dl dt::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 80px; height: 2px; background-color: #6774B8; }

.aim-show dl dd{ line-height: 32px; padding-left: 28px; background: url(../images/ser-icon.jpg) no-repeat left center;}

#boxBlank { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%;background: url(../images/bg-back.png) repeat; }

.pop-show .ser-close { position: absolute; top: 10px; right: 1%; width: 30px; height: 30px; background: transparent url(../images/pop-close.png); background-repeat: no-repeat; cursor: pointer; z-index: 10; }

.pop-show{-webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 160ms ease-in-out; transition: all 160ms ease-in-out; position: fixed; top: 200px; left: 50%; margin-left: -400px; z-index: 999; display: none; }

.video-show{ position: relative; padding: 0; font-size: 10px; vertical-align: middle; font-weight: 400; font-style: normal; font-family: Arial,sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.video-show video{ width: 800px; height:450px; }



.ser-scene{ margin-top: 80px;}

.ser-scene .index-tit{ padding: 25px 0; background: url(../images/ser-font03.png) no-repeat center;}

.scene-show{ background: url(../images/ser-bg.jpg) no-repeat bottom center; background-size: contain;overflow: hidden;}

.scene-slider{ margin-top: 50px; outline: none;}

.scene-slider .scene-pic{ transition:all 300ms ease; display: block; position: relative; -moz-transform:scale(0.85); -ms-transform:scale(0.85);-o-transform:scale(0.85); -webkit-transform:scale(0.85); transform:scale(0.85);}

.scene-slider .scene-pic.slick-center{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transform:scale(1); }

.scene-slider .scene-pic.slick-center img{ box-shadow: 0 4px 10px rgba(30,37,79,0.6); -webkit-box-shadow: 0 4px 10px rgba(30,37,79,0.6); -moz-box-shadow: 0 4px 10px rgba(30,37,79,0.6);}

.scene-pic img{ text-align: center; border-radius: 6px;width:100%;}

.scene-show .scene-txt{ text-align: center; padding: 40px 0;}

.scene-txt p{ display: inline-block; position: relative; line-height: 30px; color: #C4D5FF; font-size: 16px; text-align: center; padding-top: 20px;}

.scene-txt p::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width:80px ; height: 1px; background-color: #A8BDF0;}



.ser-flow{ position: relative; margin-top: 80px;}

.ser-flow .index-tit{ padding: 25px 0; background: url(../images/ser-font04.png) no-repeat center;}

.ser-flow .ser-line{ position:absolute; bottom: 33%; width:100%; height:1px; display:block; background-color:#C8D4F1; z-index:-1;}

.ser-flow ul{ clear: both; overflow: hidden; margin: 50px auto;}

.ser-flow li{ float:left; width:16.6%; text-align:center;}

.ser-flow li h3{ font-size:16px; }

.ser-flow li span{ display:block; position:relative; width:54px; height:54px; font-size:16px; font-weight: bold; margin:30px auto;}

.ser-flow li i{ display:block; width:54px; height:54px;line-height:54px; }

.ser-flow li .ser-line01{ position:absolute; top:0; color:#7896DE;background:url(../images/ser-line03.png) no-repeat center; transform:rotateX(0deg); backface-visibility:hidden; transition:all ease 0.5s;}

.ser-flow li .ser-line02{ color: #FFF; background:url(../images/ser-line04.png) no-repeat center; transform:rotateX(-180deg); backface-visibility:hidden; transition:all ease 0.5s;}

.ser-flow li p{ color: #666; line-height: 26px;}

.ser-flow li:hover h3{color:#7896DE;}

.ser-flow li:hover .ser-line01{ transform:rotateX(180deg); -ms-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -o-transform:rotateX(180deg);}

.ser-flow li:hover .ser-line02{ transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg);}



/* company style */

.about-show{ position: relative; margin-top: 90px;}

.about-show::after{ content: ''; display: block; position: absolute; left: 50%; bottom: -30px; margin-left: -30px; width: 60px; height: 60px; background: url(../images/about-arrow.png) no-repeat center;}

.about-show .index-tit{ padding: 25px 0; background: url(../images/about-font01.png) no-repeat center;}

.about-main{ clear: both; overflow: hidden; border-radius: 6px; margin-top: 50px; background-color: #FFF; border:1px solid #EEEEEE\0; box-shadow: 0 0px 14px rgba(46,55,98,0.2); -webkit-box-shadow: 0 0px 14px rgba(46,55,98,0.2); -moz-box-shadow: 0 0px 14px rgba(46,55,98,0.2); }

.about-fl{ float: left; width: 50%;}

.about-fl.ser-show{ margin-top: 0; background: none; cursor: pointer;}

.about-fl img{ border-radius: 6px 0 0 6px;}

.about-fr{ float: left; width: 50%;}

.about-base ul{ position: relative; clear: both; overflow: hidden; margin: 0 60px;}

.about-base ul::before{ content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #E3E3E3;}

.about-base ul::after{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #E3E3E3;}

.about-base li{ float: left; text-align: center; width: 50%; padding: 50px 0 30px; }

.about-base li p{ color: #8B8B8B; font-size: 16px; line-height: 30px; margin-bottom: 25px;}

.about-base li p img{ display: inline-block;}

.about-base li p i{ margin-left: 10px; vertical-align: bottom; color: #79A0F3;}

.about-base li p i{ margin-left: 10px; vertical-align: bottom;

    color: #79A0F3;

    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#79A0F3), to(#79A0F3));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.about-font{ padding: 0 16%;}

.about-font img{ margin: 50px auto;}

.about-font p{ line-height: 30px;}

.about-slider .item{ height: 580px; height: 480px\0; padding-top: 50px; padding-bottom: 50px;}

.about-fr .slick-dots{ width: 24px; height: 70px; left: -12px; top:50%; margin-top: -35px; border-radius: 10px; background-color: #FFF;}

.about-fr .slick-dots li.slick-active button{ background-color: #7896DE; border: 1px solid #7896DE;}

.about-fr .slick-dots li{ display: block; width: 6px; height: 6px; margin: 12px auto; }

.about-fr .slick-dots li button{ width: 6px; height: 6px; padding: 0; border-radius: 6px; border: 1px solid #AEC2F1;}

.about-fr .slick-dots li button:before, .about-fr .slick-dots li.slick-active button:before{ display: none;}

.about-slider .slick-prev, .about-slider .slick-prev:before, .about-slider .slick-next:before{ display: none;}

.about-slider .slick-next{ width: 55px; height: 55px; right: 0; top: 0; margin-top: 0; background: url(../images/about-next.png) no-repeat center;}



.about-pro{ margin-top: 90px;}

.about-pro .index-tit{ padding: 25px 0; background: url(../images/about-font02.png) no-repeat center;}

.about-links{ position: relative; padding-top: 110px; margin-top: 50px; background: url(../images/about-bg01.jpg) no-repeat top center;}

.about-links::after{ content: ''; display: block; position: absolute; left: 50%; top: 20px; width: 60px; height: 60px; margin-left: -30px; background: url(../images/about-icon.png) no-repeat center;}

.about-link p{ position: relative; color: #FFF; line-height: 30px; padding: 50px 100px 20px;}

.about-link p::before{ content: ''; display: block; position: absolute; left: 100px; top: 0; width: 80px; height: 1px; background-color: #A8BDF0;}

.about-link ul{ clear: both; overflow: hidden; margin-top: 40px; margin-right: 3.5%;}

.about-link ul li{ position: relative; float: left; width: 16.5%; margin-left: 3.5%; }

.type-show img{ width: 100%;}

.type-click{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: url(../images/about-type.png) no-repeat center; background-size: cover; opacity: 0; filter: alpha(opacity=0); transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

.type-click img{ margin: 40px auto 20px; }

.type-click h3 a{ color: #FFF; font-size: 20px;}

.about-link ul li:hover .type-click{ opacity: 1; filter: alpha(opacity=100); }



.about-ability{ position: relative; margin-top: 80px;}

.about-ability::before{ content: ''; display: block; position: absolute; left: 10%; top: -180px; width: 1px; height: 550px; background-color: #6774B8;}

.about-ability::after{ content: ''; display: block; position: absolute; right: 10%; bottom: -380px; width: 1px; height: 550px; background-color: #6774B8;}

.about-ability .box{ clear: both; overflow: hidden;}

.ability-fl{ position: relative; float: left; width: 66%;}

.ability-fl::after{ content: ''; display: block; position: absolute; left: 200px; top: 160px; width: 480px; height: 400px; background: url(../images/about-line.png) no-repeat center; z-index: -1;}

.ability-fl::before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 333px; height: 206px; background: url(../images/about-font.png) no-repeat center; z-index: -1;}

.fl-info{ padding: 6px; font-size: 0;}

.info-pic{ display: inline-block; width: 47%; }

.info-pic img{ border-radius: 6px; box-shadow: 0 0 10px rgba(18,22,48,0.6); -webkit-box-shadow: 0 0 10px rgba(18,22,48,0.6); -moz-box-shadow: 0 0 10px rgba(18,22,48,0.6); }

.fl-info .info-show{ display: inline-block; width: 50%; vertical-align: top; margin: 40px 0 0 3%;}

.info-show img{ box-shadow: none; margin-left: 10px; margin-top: -4px;}

.info-show b{ font-size: 18px;}

.info-show p{ color: #666; font-size: 16px; line-height: 30px; margin-top: 10px;}

.fl-infos{ margin-top: 20px; margin-bottom: 90px;}

.fl-infos .info-show{ text-align: right; margin-left: 0; margin-right: 3%; }

.fl-infos .info-show img{ float: none; margin-right: 10px;}

.ability-fr{ float: right; width: 34%; margin-top: 120px;}

.ability-tit{ text-align: right; line-height: 1.1; }

.ability-tit h2{ position: relative; display: inline-block; color: #333; font-size: 32px; padding: 25px 0; width: 100%; background: url(../images/about-font03.png) no-repeat right center;}

.ability-tit h2::before{ content: ''; display: block; position: absolute; top: 50%; right: 150px; width: 100px; height: 2px; background-color: #EFBD45;}

.ability-tit p{ color: #333; font-size: 16px; line-height: 30px; text-align: right; margin-top: 24px;}

.fr-info{ float: right; padding: 6px; margin-top: 100px;}

.fr-info img{ display: block; border-radius: 6px; box-shadow: 0 0 10px rgba(18,22,48,0.6); -webkit-box-shadow: 0 0 10px rgba(18,22,48,0.6); -moz-box-shadow: 0 0 10px rgba(18,22,48,0.6); }

.fr-info b{ display: block; margin: 20px 0;}

.fr-info b img{ display: inline-block; box-shadow: none; margin-left: 10px; margin-top: -4px;}



.about-nation{ margin-top: 70px; }

.about-nation .index-tit{ padding: 25px 0; background: url(../images/about-font04.png) no-repeat center;}

.about-nation p{ margin: 40px auto; color: #666; line-height: 30px; padding-left: 30px; background: url(../images/tit-ico02.png) no-repeat left 3px;}

.nation-pic{ text-align: center; background-color: #1E254F;}



/* contact style */

.cont-show{ position: relative; padding: 100px 0 140px; background: url(../images/cont-bg01.jpg) no-repeat top center; background-size: cover;}

.cont-show .index-tit p{ color: #333; width: 680px; line-height: 30px; text-align: center; margin: 24px auto;}

.cont-show ul{ clear: both; overflow: hidden; }

.cont-show li{ position: relative; float: left; width: 22%; width: 16%\0; margin-right: 17%; margin-bottom: 60px; overflow: hidden; border-radius: 6px; box-shadow: 0 6px 12px rgba(46,55,98,0.5); -webkit-box-shadow: 0 6px 12px rgba(46,55,98,0.5); -moz-box-shadow: 0 6px 12px rgba(46,55,98,0.5);}

.cont-show li:first-child{ margin-left: 17%;}

.cont-show li:last-child{ margin-right: 0;}

.cont-txt{ position: absolute; left: 0; top: 50%; margin-top: -40px; width: 100%; height: 80px; text-align: center; line-height: 1.1;}

.cont-txt strong{ font-size: 28px;

    color: #545ED8;

    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#545ED8), to(#8AD1FA));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.cont-txt p{ font-size: 18px; color: #7896DE; margin-top: 20px;}

.cont-data{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; line-height: 46px; background: url(../images/cont-tit.png) no-repeat bottom center;}

.cont-pic img{ width: 100%; border-radius: 6px; }



.cont-show li:before { content: ""; position: absolute; width:100%; height: 100%; top: 0; left: -105%; overflow: hidden;

    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    transform:skewX(-25deg);

    -o-transform:skewx(-25deg);

    -moz-transform:skewX(-25deg);

    -webkit-transform:skewX(-25deg);

}

.cont-show li:hover:before{ left: 105%; transition:all .3s ease; }



.cont-link{ margin-top: -135px;}

.cont-link .index-tit{ position: relative; padding: 25px 0; background: url(../images/cont-font.png) no-repeat center;}

.cont-msg{ margin-top: 50px; padding: 50px 0; background: url(../images/msg-bg.jpg) no-repeat top center; background-size: cover;}

.message{ clear: both; overflow: hidden; padding: 75px 5%; background: url(../images/msg-side.png) no-repeat center;}

.msg-show{ float: left; width: 50%; margin-left: 5%\0;}

.msg-tit{ color: #232B5B; font-size: 24px;}

.msg-tit img{ margin-right: 10px;}

.msg-tit i{ color: #999; font-size: 16px; margin-left: 16%;}

.msg-show p{ clear: both; overflow: hidden; color: #666; font-size: 16px; line-height: 1.1; text-align: center; margin: 24px 0; }

.msg-show p span{ margin-right:50px; }

.msg-show p span:last-child{ margin-right: 0; }

.msg-show p span img{ margin-right: 10px; margin-top: -4px; }

.msg-show ul{ clear: both; overflow: hidden; padding-top:5px;}

.msg-show ul li{ padding: 0 4px; margin-bottom: 24px; position: relative;}

.msg-show ul li input{ width:100%; height: 50px; line-height: 50px; color: #333; font-size: 16px; padding-left:60px; border: none; border-radius: 6px; background-repeat: no-repeat; background-position:30px center; background-size: 18px; box-shadow: 0 0 5px rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 5px rgba(30,37,79,0.2); -moz-box-shadow: 0 0 5px rgba(30,37,79,0.2); border:1px solid #EEEEEE\0; }

.msg-show ul li input:-webkit-autofill {

    -webkit-text-fill-color: #333;

    -webkit-box-shadow: 0 0 0px 1000px white inset !important;

}

.msg-show ul li textarea{ font-family:Microsoft YaHei; width:100%; height: 120px; line-height: 30px; color: #333; font-size: 16px; padding-left:60px; padding-right:10px; padding-top:5px; border: none; margin-bottom: 0; border-radius: 6px; background-repeat: no-repeat; background-position:30px 13px; background-size: 18px; background-color: #FFF; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); border:1px solid #EEEEEE\0;}

::-webkit-input-placeholder{ color: #999; }

::-moz-input-placeholder{ color: #999; }

::-ms-input-placeholder{ color: #999; }

.msg-show ul li .msg-name{ background-image: url(../images/msg-ico04.png);}

.msg-show ul li .msg-tel{ background-image: url(../images/msg-ico05.png);}

.msg-show ul li .msg-area{ background-image: url(../images/msg-ico06.png);}

.msg-show ul li:nth-child(2) i{ position: absolute; right: 20px; top: 20px; width:10px; height: 10px; background: url(../images/msg-star.png) no-repeat top center; background-size: 10px; }

.msg-show ul li i{ display: block\0; display: none\9;}

/* IE9+ */

@media all and (min-width:0) {

    .msg-show ul li i{

        display: block\9;

    }

}

.msg-btn{ clear: both; overflow: hidden; margin-top: 6px; }

.msg-btn input{ color: #FFF; font-size: 20px; text-align: center; width: 200px; height: 48px; line-height: 46px; background: url(../images/msg-btn.png) no-repeat center; cursor: pointer; }





.msg-base{ position: relative; float: right; width: 42%;}

.msg-base dl{ margin-top: 30px;}

.msg-base dt{ font-size: 24px; line-height: 1; margin-bottom: 55px;}

.msg-base dd{ color: #444; height: 24px; line-height: 24px; margin-bottom: 30px;}

.msg-base dd i{font-weight: bold;font-size: 24px;}

.msg-base dd img{ float: left; margin-right: 16px;}

.msg-base p{ font-size: 18px; line-height: 30px; margin-top: 50px; }

.msg-base span{ display: inline-block; color: #FFF; font-size: 18px; width: 50%; height: 50px; line-height: 50px; text-align: center; margin-top: 40px; border-radius: 6px; cursor: pointer; background-color: #7896DE;}

.msg-base span:hover{ background-color: #5E80D2;}



.map-show{ width: 100%; height: 400px; background-color: #12213E; overflow: hidden;}

#allmap{ width: 100%; height: 120%;  background-color: #12213E!important;}

#allmap *{ -ms-transition:0s; -moz-transition:0s; -webkit-transition:0s; -o-transition:0s; transition:0s}

#allmap img{ max-width:999px}

#allmap .BMap_Marker{ width:40px!important; height:40px!important; position:relative; cursor:default;}

#allmap .BMap_noprint.BMap_Marker::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-animation:1s infinite alternate scale3; -o-animation:1s infinite alternate scale3; animation:1s infinite alternate scale3; border-radius:50%; transform-origin:center; background-color:rgba(255,255,255,.2)}

@-webkit-keyframes scale3{

	0%{-webkit-transform:scale(1);transform:scale(1)}

	100%{-webkit-transform:scale(1.8);transform:scale(1.8)}

}

@keyframes scale3{

	0%{-webkit-transform:scale(1);transform:scale(1)}

	100%{-webkit-transform:scale(1.8);transform:scale(1.8)}

}



/* error style */

.error{ position: relative; width: 100%;}

.error img{ width: 100%;}

.error-show{ position: absolute; left:10%; top: 50%; margin-top: -180px;}

.error-show strong{ display: inline-block; color: #1E254F; font-size: 70px; line-height: 1.1;; margin-bottom: 35px;}

.error-show p{ color: #1E254F; font-size: 30px; line-height: 1.1;;}

.error-show p strong{ font-size: 40px; margin-bottom: 25px;}

.error-show a{ display: inline-block; color: #1E254F; font-size: 24px; padding: 15px 100px; margin-top: 70px; border: 2px solid #1E254F; border-radius: 4px;}

.error-show a:hover{ color: #FFF; background-color: #1E254F;}



/* 案例内页表格 */

.case-table{margin-bottom: 20px;border-right: 1px solid #DEDFE0;border-bottom: 1px solid #DEDFE0;background-color: #FFF;}

.case-table td{border-top: 1px solid #DEDFE0;border-left: 1px solid #DEDFE0;padding: 10px 8px!important;font-size: 16px;line-height: 24px;word-break: break-all;text-align: center;} 

.case-table tr.table-name td{color: #FFF;font-size: 17px;}

.case-table tr:nth-child(odd){background-color: #FFF8E8;}

.case-table tr:nth-child(even){background-color: #FFF;}

.case-table tr.table-name{background-color: #7896DE}



/* 0803 more news */

.con-news{padding: 10px 0 40px; background: url(../images/news-bg01.jpg) no-repeat top center; background-size: cover;}

.con-news .con-show{padding: 40px 50px; margin-top: 24px; background: url(../images/news-bg02.jpg) #1E254F no-repeat center; background-size:cover;border-radius: 4px;-webkit-box-shadow: 0 0 16px rgba(30,37,79,1);-moz-box-shadow:0 0 16px rgba(30,37,79,1);box-shadow: 0 0 16px rgba(30,37,79,1);}

.con-news .show-pics{padding: 0;width: 51%;}

.con-news .show-pic{margin-bottom: 0;}

.con-news .show-pic a:hover img{-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;border-radius: 10px;}

.con-news .show-base{margin-top: 5px;width: 42%;}

.show-base p.base-good{color: #CFCFCF;font-size: 18px;}

.show-base p.base-good img{margin-right: 6px;}

.con-news .show-base p.base-tel{font-size: 18px;margin-bottom: 0;margin-top: 30px;}

.con-news .show-base p.base-tel strong{font-size: 18px;}



.news-more{margin-top: 40px;}

.more-tit{text-align: center;color: #333;font-size: 42px;line-height: 1.2;padding-bottom: 25px; margin-bottom: 25px; background: url(../images/tit-mark.png) no-repeat bottom center;}

.more-tit h1{display: inline-block;font-size: 42px;margin-right: 10px;}

.more-tit h1 a{color: #242D5F;}

.more-tit h1 a:hover{color: #EFBD45;}



/* 0808 产品参数 */

.data-pro h2{ text-align: center; color: #333; font-size: 28px; line-height: 1.1; padding-bottom: 24px; margin-bottom: 20px; margin-top: 20px; background: url(../images/tit-mark.png) no-repeat bottom center;}

.data-list{margin-top: 36px;margin-bottom: 10px;}

.data-list ul {overflow: hidden;margin-left: -2%;margin-bottom: 0;}

.data-list ul li {float: none;display: inline-block;margin-left: 2%;color: #3F619E;font-size: 17px;box-sizing: border-box;cursor: pointer;margin-bottom: 16px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.05);-moz-box-shadow: 0 0 15px rgba(0,0,0,.05);box-shadow: 0 0 15px rgba(0,0,0,.05); border-radius: 10px; }

.data-list ul li span{display: block; padding: 9px 25px;line-height: 1.5;border: 1px solid #DEE1F1;border-radius: 10px;background-color: #FFF;}

.data-list ul li:hover{color: #39437e;}

.data-list ul li.cur{position: relative;z-index: 2;text-align: center;border:3px solid #ffc64a;border-radius: 12px;}

.data-list ul li.cur span{display: block;color: #FFF;font-weight: bold; width:100%;height:100%;border-radius: 10px;

    background: -moz-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);

    background: -webkit-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);

    background: -o-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);

    background: -ms-linear-gradient(left, #37427B 0%, #424F93 49%, #37417A 100%);

    background: linear-gradient(to right, #37427B 0%, #424F93 49%, #37417A 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#37427B, endColorstr=#37417A, GradientType=0 ); 

    }

.data-no{display: none;}

.data-tit{

    background: -moz-linear-gradient(left, #3D4C84 50%, #27326B 100%);

    background: -webkit-linear-gradient(left, #3D4C84 50%, #27326B 100%);

    background: -o-linear-gradient(left, #3D4C84 50%, #27326B 100%);

    background: -ms-linear-gradient(left, #3D4C84 50%, #27326B 100%);

    background: linear-gradient(to right, #3D4C84 50%, #27326B 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3D4C84, endColorstr=#27326B, GradientType=0 ); 

}

.data-show table td{font-size: 15px;}



/* newsdetail 右侧资讯 */

.side-tits{ width: 100%; height: 56px; line-height: 52px; text-align: center; font-size: 18px; font-weight: bold; color:#FFF; background: url(../images/pro-tits.png) no-repeat center;}

.side-show{padding:20px;margin: 15px 6px 15px 0;background-color: #FFF;-webkit-box-shadow: 0 2px 6px rgba(30,37,79,.18);-moz-box-shadow: 0 2px 6px rgba(30,37,79,.18);-ms-box-shadow: 0 2px 6px rgba(30,37,79,.18);-o-box-shadow: 0 2px 6px rgba(30,37,79,.18);box-shadow: 0 2px 6px rgba(30,37,79,.18);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}



.side-show ul{height: 1000px;overflow-x: hidden;padding-right: 10px;}

.side-show ul::-webkit-scrollbar{width: 8px;}

.side-show ul::-webkit-scrollbar-thumb{ border-radius: 8px; background:url(../images/bar-line.png) no-repeat #C0D1FF center;}

.side-show ul::-webkit-scrollbar-track{background-color: #fff;  background: -webkit-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -moz-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -ms-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: -o-linear-gradient(left, #FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);background: linear-gradient(to right,#FFF 30%,#F5F7FB 30%,#F5F7FB 70%,#FFF 70%);}



.side-show ul li{border-bottom:1px solid #F2F2F2;padding-bottom: 10px;margin-bottom: 20px;}

.side-show ul li:last-child{border-bottom: none;margin-bottom: 0;}

.side-pic{display: block;position: relative;padding-top:66.3%;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;overflow: hidden;}

.side-pic img{position: absolute;left: 0;top:0;width: 100%;height:100%;-webkit-transition:all .8s ease;-moz-transition:all .8s ease; -ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;}

.side-pic img:hover{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}

.side-txt{display: block;color: #333;font-size: 16px;line-height: 30px;padding: 5px 0;}

.side-txt:hover{ color: #6774B8;}



.pro-mark{position: absolute;left:294px;top: 2px;}

.pro-mark img{width: 100px;height: auto;}



@media screen and (min-width: 2000px) and (max-width: 4000px){

    .top-case{height: 290px;background-position: bottom -40px center;}

}

@media screen and (max-width:1900px){

    .top-tel{ margin: 0 10px\9; margin: 0 10px\0;}

    .top-tel:before, .top-tel:after{ display: none\9; display: none\0;}

}

@media screen and (max-width:1800px){

    .paginations{ right: 12%;}

}

@media screen and (max-width:1700px){

    .paginations{ right: 14%;}

}

@media screen and (max-width:1600px){

    .paginations{ right: 16%;}

    .key-pic{ width: 50%; margin-left: 0\9;}

    .nav{width: 55%; width: -webkit-calc(100% - 660px); width:-moz-calc(100% - 660px);width:-o-calc(100% - 660px); width: calc(100% - 660px); width: 55%\0;}

    .top-tel{ margin: 0 20px;}

    .top-tel:before, .top-tel:after{ display: none;}

}

@media screen and (max-width:1440px){

    .mating-name li.active::after{right: -29px;}

    .index-news .box::before,.index-news .box::after{display: none;}

    .index-news .box{-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;}

}

@media screen and (max-width:1400px){

    .paginations{ right: 19%;}

    .top-tel{ margin: 0 10px;}

    .logo{width: 340px;}

    .nav{ width: 50%;width: -webkit-calc(100% - 600px); width:-moz-calc(100% - 600px);width:-o-calc(100% - 600px); width: calc(100% - 600px); width: 50%\0;}

    .key-pic{ width: 100%; margin-top: 0;}

    .key-pic img{ border-radius: 10px 10px 0 0 ;}

}

@media screen and (max-width:1300px){

    .paginations{ right: 21%;}

    .error-show{ left: 6%;}

    .error-show strong{ font-size: 60px;}

    .error-show p{ font-size: 24px;}

    .error-show p strong{ font-size: 36px;}

    .error-show a{ padding: 12px 60px;}

}

@media screen and (max-width:1240px){

    .mating-name li{ height: 140px; line-height: 140px}

    .mating-name li.active::after{ border-top: 70px solid transparent; border-bottom: 70px solid transparent; }



    .pro-mark{top: 6px;left: 294px;}

    .pro-mark img{width: 80px;}

}

@media screen and (max-width:1200px){

    .logo{ background: none; width: 220px; margin: 0 10px;}

    .logo img{width: 100%;}

    .nav{ width: -webkit-calc(100% - 510px); width:-moz-calc(100% - 510px);width:-o-calc(100% - 510px);width: calc(100% - 510px);}

    .index-case li .case-pic img{ width: 64%;}

    .index-case li .case-pic .case-info{ margin-top: 80px;}

    .index-news .box{ border-radius: 50px;}

    .index-news .box::before, .index-news .box::after{ display: none;}

    .index-news{ padding-bottom: 80px;}

    .paginations{ right: 22%;}

    .case-list li .line-info::before, .case-list li .line-info::after{ display: none;}

    .case-list li .line-info{ margin-top: 0; width: 42%; width: 40%\0;}

    .case-list li .line-pic{ width: 58%;}

    .line-info p.line-group{ height: auto; -webkit-line-clamp: 1;}

    .news-list li .list-time{ padding-left: 40px;}

    .ser-sure li span{ bottom: 20px;}

    .about-link p{ padding: 50px 10px 20px;}

    .about-link p::before{ left: 10px;}

    .about-link ul{ margin-right: 2%;}

    .about-link ul li{ width: 18%; margin-left: 2%;}

    .show-base{ width: 38%;}

    .rele-case li .line-info::before, .rele-case li .line-info::after{ display: none;}

    .rele-case li .line-info{ margin-top: 0; width: 42%; width: 40%\0;}

    .rele-case li .line-pic{ width: 58%;}

    .news-link p{ padding-left: 10px;}

    .news-link span{ right: 0;}

    .proline-info h1{ font-size: 26px;}

    .show-base p{ margin-bottom: 25px;}

    .news-more li a{ width: 74%;}

    .news-more li span{ width: 22%;}

    .map-more li a{ width: 96%;}

    .mating-name li{ height: 128px; line-height: 128px}

    .mating-name li.active::after{ border-top: 64px solid transparent; border-bottom: 64px solid transparent; }

    .show-list li a{ width: 78%;}



    .pro-mark{display: none;}

}

@media screen and (max-width:1100px){

    .nav li{ font-size: 15px;}

    .index-case li .case-base{ margin-top: 10px;}

    .case-base h3{ margin-bottom: 25px;}

    .case-base p{ margin-bottom: 15px;}

    .key-slider .slick-prev{ left: 66%;}

    .news-list01 ul{ margin-left: -3%;}

    .news-list01 li{ width: 47%; margin-left: 3%;}

    .news-list li .list-time{ padding-left: 30px; padding-left: 20px\0;}

    .news-list li .list-main{ width: 76%\0; padding: 20px\0;}

    .ser-sure li span{ bottom: 15px;}

    .aim-show{ padding: 50px 50px 50px 60px;}

    .ability-fl::after{ display: none;}

    .msg-show ul li textarea{ height: 90px;}

    .news-link p i{ display: none;}

    .show-base p{ margin-bottom: 20px;}

    .news-more li a{ width: 72%;}

    .news-more li span{ width: 24%;}

    .map-more li a{ width: 96%;} 

    .mating-name li{ height: 123px; line-height: 123px}

    .mating-name li.active::after{ border-top: 61.5px solid transparent; border-bottom: 61.5px solid transparent; }

}

p.ms{position: relative;text-align: center;display: block;font-size: 16px;line-height: 1.4;padding:10px;color: #666!important;padding-top: 0;text-indent: 0;}

p.ms::after{content: "";position: absolute;left: 50%;bottom:5px;width: 2em;height: 1px;background-color: #ffc949;margin-left: -1em;}

/*CSS Digg style pagination*/



/*分页样式*/

.pagination {

	clear: both;

	margin: 0 0 40px;

	text-align: center;

}

.pagination li {

	display: inline-block;

*display: inline;

	zoom: 1;

}

.pagination li a {

	display: block;

	padding: 4px 16px;

	background-color: #fff;

	border: 1px solid #eee;

	font-size:16px;

	transition: all 0.3s ease;

}

.pagination li + li a {

	border-left: none;

}

.pagination li.active a, .pagination li a:hover {

	background-color: #000099;

	border: 1px solid #aaaadd;

	color: #ffffff;

	border-left: none;

}